<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'>
        <title></title>
        <style>
        </style>
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    </head>
    <body>
       <div id="app">
          <my-div></my-div>
          <my-div></my-div>
          <my-div></my-div>
       </div>
       <template id="my_div">
           <div><!--最外层只能渲染一个元素，如果是多个则最外层用一个容器包括着-->
               <button @click="messege += 1">点击次数是{{messege}}</button>
           </div>
       </template>
    </body>
</html>
<script>
    Vue.component("my-div",{
        template:"#my_div",
        data(){
            return {
                messege:0
            }
        }
    });
    //1.创建vue实例
    let vm=new Vue({
        el:'#app',
    })
</script>